/* eslint-disable jsx-a11y/alt-text */
import React, { FC } from "react";
import { IRecommendItem } from "../../../store/actions/recommend.action";
import "./recommenditem.css";

export interface IProps {
  item: IRecommendItem;
}

const RecommendItem: FC<IProps> = ({ item }) => {
  return (
    <div className="recommend-item">
      <div>
        <img className="cover-image" src={item.picUrl} />
        <div className="count">
          <img
            className="count-image"
            src=""
          />{" "}
          {Math.floor(item.playCount / 10000)}万
        </div>
      </div>
      <div className="item-title">{item.name}</div>
    </div>
  );
};

export default RecommendItem;
